.history {
    top: px2rem(44px);
}
.list-items {
    background-color: #F7F7F7;
    .ui-mobile-listview-body {
        .to-do-item:first-child{
            margin-top: 0 !important;
        } 
    }
    .ui-mobile-listview-body:before {
        display: block;
        content: ' ';
        width: 100%;
        height: px2rem(24px);
    }
    .ui-mobile-listview-body:after {
        display: block;
        content: ' ';
        width: 100%;
        height: px2rem(40px);
    }
}
.todo-list-page {
    height: 100%;
    .cont-tab.ui-tab {
        display: flex;
        height: 100%;
        flex-direction: column;

        .ui-tab-title {
            .ui-tab-item {
                height: px2rem(128px);
                line-height: px2rem(128px);
            }
            .ui-tab-item-selected:after {
                display: none;
            }
        }
        .ui-item {

            .sort-btn {
                font-size: px2rem(30px);
                margin-right: px2rem(30px);
            }
            .sort-btn:before {
                content: ' ';
                display: inline-block;
                vertical-align: text-top;
                width: px2rem(36px);
                height: px2rem(36px);
                background: url('images/base/sort-icon.png') center center;
                background-size: 100% 100%;
                margin-right: px2rem(8px);
            }
            .close-btn {
                color: #0F9CFF;
            }
        }
        .search-item {
            flex: 4;
        }
        .ui-tab-container {
            position: absolute;
            top: px2rem(128px);
            right: 0;
            bottom: 0;
            left: 0;
        }
        .history-search-list-container {
            top: 0;
        }
        .cont-item {
            position: relative;
            height: 100%;
            top: 0;

            .ui-mobile-scroll {
                height: 100%;
            }
        }
        .cont-item.search {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 2;
        }
        .ui-search-text {
            margin-right: px2rem(140px);
            margin: px2rem(30px) px2rem(20px) px2rem(30px) px2rem(36px);
            height: px2rem(68px);
            line-height: px2rem(68px);
            font-size: px2rem(28px);
            border-radius: px2rem(68px);

            .ui-search-clear {
                display: none;
                top: px2rem(12px);
            }
            .ui-search-close {
                display: none;
                position: absolute;
                top: 0;
                right: -px2rem(100px);
             }
        }
        .ui-search-text:before {
            width: px2rem(32px);
            height: px2rem(32px);
            top: px2rem(18px);
            left: px2rem(32px);
            background: url('images/base/search-icon.png') center center;
            background-size: 100% auto;
        }
    }
}
